<div class="panel dux-box">

    <div class="table-responsive">
        <table id="table" class="table table-hover ">
            <tbody>
                <tr>
                    <th width="80">编号</th>
                    <th width="*">名称</th>
                    <th width="*">价格</th>
                    <th width="*">优惠价格</th>
                    <th width="*">所属服务类型</th>
                    <th width="*">状态</th>
                    <th width="150">操作</th>
                </tr>
                <volist name="styleList" id="val">
                    <tr>
                        <td>{$val['style_id']}</td>
                        <td>{$val['style_name']}</td>
                        <td>{$val['style_price']}</td>
                        <td>{$val['style_discount_price']}</td>
                        <td>{$val['service_name']}</td>
                        <td>
                            <if condition="$val['style_status'] eq 1">
                            <span class="tag bg-green">
                                服务
                            </span>
                            <else/>
                            <span class="tag bg-red">
                                禁闭
                            </span>
                           </if>
                        </td>
                        <td>
                            <a class="button bg-blue button-small icon-pencil" href="{:U('Style/edit',array('style_id'=>$val['style_id']))}" title="修改">
                            </a>
                            <a class="button bg-red button-small icon-trash-o js-del" href="javascript:;" url="{:U('Style/del')}" data="{$val['style_id']}"title="删除">
                            </a>
                        </td>
                    </tr>
                </volist>
            </tbody>
        </table>
    </div>
    <div class="panel-foot table-foot clearfix">{$page}</div>
</div>
<script>
Do.ready('base',function() {
	$('#table').duxTable({
		deleteUrl: "{:U('del')}"
	});
});
</script>